<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
    minimum-scale=1.0, user-scalable=no"
    />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/commom.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="header">
      <div class="padding box">
        <div class="search">
          <h3>中国</h3>
          <input type="text" placeholder="挑好房上安居客" />
        </div>
        <div class="icon">
          <div class="img">
            <img src="./img/01.png" alt="" />
          </div>
        </div>
      </div>
    </div>

    <!--nav -->
    <div class="T_item">
      <div class="t_item">
        <ul class="data"></ul>
      </div>
    </div>

    <!-- 房价行情 -->
    <div class="Housing padding">
      <ul class="housing">
        <li>
          <div class="title">房价行情</div>
          <span>中国房价></span>
        </li>
        <li>
          <div class="title">4974元/m</div>
          <span>最新均价</span>
        </li>
        <li>
          <div class="title">0.836%</div>
          <span>比上月</span>
        </li>
      </ul>
    </div>

    <!-- tab -->
    <div class="tobBox">
      <ul>
        <li>推荐</li>
        <li class="active">新房</li>
        <li>二手房</li>
        <li>租房</li>
        <li>商业地产</li>
        <li>装修</li>
        <li>海外</li>
      </ul>
    </div>

    <!-- 房子 -->
    <div class="fanzi padding">
      <ul>
        <li>
          <div class="img">
            <img src="./img/11.png" alt="" />
          </div>
          <div class="right">
            <div class="ht">
              <span>在售</span>
              <span>金源世家</span>
            </div>
            <p>常州区 住宅 92m <sup>2</sup></p>
            <div class="price">
              4500<span>元/m<sup>2</sup></span>
            </div>
            <div class="btm">
              <dl>金源集团</dl>
              <dl>大型社区</dl>
              <dl>车位充足</dl>
            </div>
          </div>
        </li>
        <li>
          <div class="img">
            <img src="./img/12.png" alt="" />
          </div>
          <div class="right">
            <div class="ht">
              <span>在售</span>
              <span>金源世家</span>
            </div>
            <p>常州区 住宅 92m <sup>2</sup></p>
            <div class="price">
              4500<span>元/m<sup>2</sup></span>
            </div>
            <div class="btm">
              <dl>金源集团</dl>
              <dl>大型社区</dl>
              <dl>车位充足</dl>
            </div>
          </div>
        </li>
        <li>
          <div class="img">
            <img src="./img/11.png" alt="" />
          </div>
          <div class="right">
            <div class="ht">
              <span>在售</span>
              <span>金源世家</span>
            </div>
            <p>常州区 住宅 92m <sup>2</sup></p>
            <div class="price">
              4500<span>元/m<sup>2</sup></span>
            </div>
            <div class="btm">
              <dl>金源集团</dl>
              <dl>大型社区</dl>
              <dl>车位充足</dl>
            </div>
          </div>
        </li>
        <li>
          <div class="img">
            <img src="./img/12.png" alt="" />
          </div>
          <div class="right">
            <div class="ht">
              <span>在售</span>
              <span>金源世家</span>
            </div>
            <p>常州区 住宅 92m <sup>2</sup></p>
            <div class="price">
              4500<span>元/m<sup>2</sup></span>
            </div>
            <div class="btm">
              <dl>金源集团</dl>
              <dl>大型社区</dl>
              <dl>车位充足</dl>
            </div>
          </div>
        </li>
        <li>
          <div class="img">
            <img src="./img/11.png" alt="" />
          </div>
          <div class="right">
            <div class="ht">
              <span>在售</span>
              <span>金源世家</span>
            </div>
            <p>常州区 住宅 92m <sup>2</sup></p>
            <div class="price">
              4500<span>元/m<sup>2</sup></span>
            </div>
            <div class="btm">
              <dl>金源集团</dl>
              <dl>大型社区</dl>
              <dl>车位充足</dl>
            </div>
          </div>
        </li>
        <li>
          <div class="img">
            <img src="./img/11.png" alt="" />
          </div>
          <div class="right">
            <div class="ht">
              <span>在售</span>
              <span>金源世家</span>
            </div>
            <p>常州区 住宅 92m <sup>2</sup></p>
            <div class="price">
              4500<span>元/m<sup>2</sup></span>
            </div>
            <div class="btm">
              <dl>金源集团</dl>
              <dl>大型社区</dl>
              <dl>车位充足</dl>
            </div>
          </div>
        </li>
        <li>
          <div class="img">
            <img src="./img/11.png" alt="" />
          </div>
          <div class="right">
            <div class="ht">
              <span>在售</span>
              <span>金源世家</span>
            </div>
            <p>常州区 住宅 92m <sup>2</sup></p>
            <div class="price">
              4500<span>元/m<sup>2</sup></span>
            </div>
            <div class="btm">
              <dl>金源集团</dl>
              <dl>大型社区</dl>
              <dl>车位充足</dl>
            </div>
          </div>
        </li>
      </ul>
    </div>
    <!-- 置顶按钮  -->
    <a href="javascript:;" class="returntop">
      <img src="./img/into_top_icon.png" alt="" />
    </a>
    <!-- 底部 -->
    <div class="footer">
      <ul>
        <li>
          <a href="./index.html">
            <img src="./img/ff1.png" alt="" />

            <p>首页</p>
          </a>
        </li>
        <li>
          <a href="./xiaoxi.html">
            <img src="./img/f2.png" alt="" />
            <p>消息</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/f3.png" alt="" />
            <p>有料</p>
          </a>
        </li>
        <li>
          <a href="">
            <img src="./img/f4.png" alt="" />
            <p>推荐</p>
          </a>
        </li>
        <li>
          <a href="./me.html">
            <img src="./img/f5.png" alt="" />
            <p class="active">我的</p>
          </a>
        </li>
      </ul>
    </div>
    <!-- json数据 -->
    <script src="./js/index.json.js"></script>
    <!-- 通用动态生成 data 数据 -->
    <!-- <script src="./js/data.js"></script> -->
    <script src="./js/index.js"></script>
    <script src="./js/scrollTop.js"></script>
  </body>
</html>
